<div class="detail-top">
    <div class="slide">
        <div class="view">
            <img class="j-thumb" src="../../../../assets/png/eab1197866f0b435a1b069abd93c636a.jpg" alt="">
        </div>
        <div class="list j-sthumbs">
            <ul>
                <li class="">
                    <a href="javascript:;" ><img src="../../../../assets/png/adc99ac4714a0b08d29fb26fc0b94784.png" alt="鼠标悬停切换"></a>
                </li>
                <li class="z-active">
                    <a href="javascript:;"><img src="../../../../assets/png/eab1197866f0b435a1b069abd93c636a(1).jpg" alt="鼠标悬停切换"></a>
                </li>
                <li class="">
                    <a href="javascript:;"><img src="../../../../assets/png/ea28639eb948b70b4a3fd487144900f4.jpg" alt="鼠标悬停切换"></a>
                </li>
                <li class="">
                    <a href="javascript:;"><img src="../../../../assets/png/194648909f9bcee713135bc975b0abfb.jpg" alt="鼠标悬停切换"></a>
                </li>
                <li class="">
                    <a href="javascript:;"><img src="../../../../assets/png/93c1cc67b99e32ca80abaf78be81789b.jpg" alt="鼠标悬停切换"></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="info">
        <div class="intro">
            <div class="name">网易智造X3蓝牙HiFi耳机</div>
            <div class="detailTag">
            </div>
            <div class="desc">HiFi 蓝牙无线 镀钛耳膜</div>
        </div>
        <!-- 限时购信息条 -->
        <!-- 限时购信息条end -->
        <!-- 价格信息 -->
        <div class="price u-formctr">
            <a href="javascript:;">
                <div class="j-commentEntry comment">
                    <span class="f-fz18">368</span><br>
                    <span class="f-fz13">用户评价</span>
                </div>
            </a>
            <!-- 限时购价格/特价 -->
            <!-- 限时购价格end -->
            <!-- 预售价格 -->
            <div class="field pBox j-sellBox j-preSell f-cb" style="display: block;">
                <span class="label label-1">预售价</span>
                <span class="rp"><span class="rmb">¥</span><span class="num j-preSell-price">199.00</span></span>
                <span class="op j-oprice-con">¥<s><span class="j-retail-price">199</span></s>
                </span>
            </div>
            <!-- 预售价格end -->
            <!-- 正常价格 -->
            <div class="field pBox j-sellBox j-sell f-cb">
                <span class="label label-1">售价</span>
                <span class="rp"><span class="rmb">¥</span><span class="num j-retail-price">199.00</span></span>
            </div>
            <!-- 正常价格end -->
            <div class="field sale j-sale">
                <span class="label label-2">促销</span>
                <div class="saleLine">
                    <a class="link j-huodong" data-id="1091014" href="#"
                        target="_blank">
                        <div class="activityType">限时</div>领全场每满199减40券 仅¥159
                    </a>
                    <div style="clear:both"></div>
                </div>
                <div style="clear:both"></div>
            </div>
            <div class="field server">
                <span class="label">服务</span>
                <div class="sFirstLine j-policyPop">
                    <i class="w-icon-normal icon-normal-point "></i>30天无忧退货<span class="interspace"></span>
                    <i class="w-icon-normal icon-normal-point "></i>48小时快速退款<span class="interspace"></span>
                    <i class="w-icon-normal icon-normal-point "></i>满88元免邮费<span class="interspace"></span>
                    <i class="w-icon-normal icon-normal-point "></i>网易自营品牌<span class="interspace"></span>
                </div>
                <div style="clear:both"></div>
            </div>
        </div>
        <!-- 价格信息end -->
        <div class="j-param">
            <div class="param u-formctr"> <span class="name name-2">颜色</span>
                <div class="field field-1">
                    <ul class="m-tabs">
                        <li class="tab-con"> <a href="javascript:void(0);" class="tab tab-pic" data-id="1237021" data-url="http://yanxuan.nosdn.127.net/0099b3aff423666f207dc3cb1e2c6c35.png"
                                style="cursor: pointer;">                            <img src="../../../../assets/png/0099b3aff423666f207dc3cb1e2c6c35.png" alt="">                            <div class="dis"></div>                            <i class="w-icon-normal icon-normal-spec-arrow sel"></i>                            <div class="title" style="display: none;">白色</div>                          </a>                            </li>
                        <li class="tab-con"> <a href="javascript:void(0);" class="tab tab-pic" data-id="1236030" data-url="http://yanxuan.nosdn.127.net/72c28d827fb7d28f94932bcf57b87702.png"
                                style="cursor: pointer;">                            <img src="../../../../assets/png/72c28d827fb7d28f94932bcf57b87702.png" alt="">                            <div class="dis"></div>                            <i class="w-icon-normal icon-normal-spec-arrow sel"></i>                            <div class="title" style="display: none;">黑色</div>                          </a>                            </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="tips j-tips f-hide"></div>
        <div class="number u-formctr">
            <span class="name name-1">数量</span>
            <div class="field">
                <div class="j-numcount f-ib">
                    <div class="u-selnum"> <span class="j-reduce less z-dis"><i class="hx"></i></span> <input class="j-input dis" type="text" disabled="disabled">                        <span class="j-add more z-dis"><i class="hx"></i><i class="sx"></i></span> </div>
                </div>
                <span class="j-detail-stock stock">库存紧张</span>
            </div>
        </div>
        <div class="btns">
            <a class="btn w-button w-button-ghost w-button-xl
j-btn-directBuy" href="javascript:void(0);"><span>立即购买</span></a>
            <a class="btn w-button w-button-primary w-button-xl
j-btn-addcart" href="javascript:void(0);"><span><i class="w-icon-cart cart-detail"></i>加入购物车</span></a>
            <a class="btn w-button w-button-forbid w-button-xl j-soldOut f-hide" href="javascript:void(0);">
<span>
<i class="w-icon-normal icon-normal-forbid"></i>
已售罄
</span>
</a>
            <a class="btn w-button w-button-ghost w-button-xl j-btn-remind f-hide" href="javascript:void(0);" data-type="1">
<span>
<i class="w-icon-phone phone-remind"></i>
<i class="w-icon-phone phone-remind-forbid f-hide"></i>
到货提醒
</span>
</a>
            <a class="btn w-button w-button-xl w-button-red j-flashSaleRmd f-hide" href="javascript:void(0);" data-remindtype="sku">
<span>
<i class="w-icon-phone phone-remind-flashSale"></i>
开抢提醒
</span>
</a>
            <div class="w-collectZone nopCollect j-collectBtn" title="点击收藏">
                <div class="zone-1">
                    <div class="top top-1">
                        <span class="w-icon-normal icon-normal-collectEpt"></span>
                    </div>
                    <div class="top top-2">
                        <span class="w-icon-normal icon-normal-collectFull"></span>
                    </div>
                </div>
                <div class="zone-2">
                    <div class="bottom bottom-1">
                        <p class="textOne">收藏</p>
                    </div>
                    <div class="bottom bottom-2">
                        <p class="textTwo">已收藏</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>